<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>Code Lab</title>
		<meta name="description" content="Practice programming, learn business">
		<meta name="keywords" content="android, design, english, business">
		<meta name="author" content="Leo Nguyen" />
		<script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-16539412-1']);
		  _gaq.push(['_setDomainName', 'leonguyen.com']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		
		</script>
		<script type="text/javascript"> 
    var adfly_id = 4499422; 
</script> 
<script src="https://cdn.adf.ly/js/display.js"></script> 
		<link rel="shortcut icon" href="../favicon.ico"> 
		<link rel="stylesheet" type="text/css" href="css/default.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<script src="js/modernizr.custom.js"></script>
	</head>
	<body>
		<div class="container">	
			<header>
				<h1>Code Lab<span>practice programming, learn business</span></h1>	
			</header>
			<div class="main clearfix">
				<nav id="menu" class="nav">					
					<ul>
						<li>
							<a href="http://web.leonguyen.com">
								<span class="icon"> 
									<i aria-hidden="true" class="icon-services"></i>
								</span>
								<span>Web Lab</span>
							</a>
						</li>
						<li>
							<a href="http://android.leonguyen.com">
								<span class="icon">
									<i aria-hidden="true" class="icon-services"></i>
								</span>
								<span>Android Lab</span>
							</a>
						</li>
						<li>
							<a href="http://leonguyen.com/design/">
								<span class="icon">
									<i aria-hidden="true" class="icon-services"></i>
								</span>
								<span>Design Lab</span>
							</a>
						</li>
						<li>
							<a href="http://leonguyen.com/english/">
								<span class="icon">
									<i aria-hidden="true" class="icon-services"></i>
								</span>
								<span>Study English</span>
							</a>
						</li>
						<li>
							<a href="http://leonguyen.com/business/">
								<span class="icon">
									<i aria-hidden="true" class="icon-services"></i>
								</span>
								<span>Business Lab</span>
							</a>
						</li>
						<li>
							<a href="http://adf.ly/RT2Hb">
								<span class="icon">
									<i aria-hidden="true" class="icon-services"></i>
								</span>
								<span>Support Us</span>
							</a>
						</li>
					</ul>
				</nav>
				<div style="clear: both; padding-top: 10px; text-align:center"><small>© 2010 - <script type="text/javascript">var year = new Date();document.write(year.getFullYear());</script>
 LeoNguyen.com | Leo.vn</small></div>
		</div><!-- /container -->
			</div>
		<script>
			//  The function to change the class
			var changeClass = function (r,className1,className2) {
				var regex = new RegExp("(?:^|\\s+)" + className1 + "(?:\\s+|$)");
				if( regex.test(r.className) ) {
					r.className = r.className.replace(regex,' '+className2+' ');
			    }
			    else{
					r.className = r.className.replace(new RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' ');
			    }
			    return r.className;
			};	

			//  Creating our button in JS for smaller screens
			var menuElements = document.getElementById('menu');
			menuElements.insertAdjacentHTML('afterBegin','<button type="button" id="menutoggle" class="navtoogle" aria-hidden="true"><i aria-hidden="true" class="icon-menu"> </i> Menu</button>');

			//  Toggle the class on click to show / hide the menu
			document.getElementById('menutoggle').onclick = function() {
				changeClass(this, 'navtoogle active', 'navtoogle');
			}
		</script>
	</body>
</html>